<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="../estrutura/template.xhtml">

	<ui:define name="head">
		<script type="text/javascript">
			$(function() {
				$("#formCadastro").validate({
					errorContainer : "#ErrorList",
					errorLabelContainer : "#ErrorList ul",
					errorElement : "li",
					//  debug:true, //retira essa linha, para o form voltar a funcionar  
					rules : {
						"txtCPF" : {
							cpf : 'valid' //valida tanto Formata��o como os Digitos  
						//caso n�o queira validar a formata��o use => cpf: 'valid'  
						//caso s� queira validar a formata��o use => cpf: 'format'  
						}
					}
				});
			});
		</script>
		<style type="text/css">
</style>
	</ui:define>

	<ui:define name="core">
		<h:form id="formCadastro">
			<span class="Titulo">Cadastro de Residencias</span>
			<div class="Conteudo">
				<ul class="Formulario">
					<li><h:outputText value="Descrição:" /> <br /> <h:inputText
							class="TextBox" value="#{residenciaMBean.residenciaVO.descricao}" />
					</li>
					<li><h:outputText value="Rua:" /> <br /> <h:inputText
							class="TextBox" value="#{residenciaMBean.residenciaVO.rua}" />
					</li>
					<li><h:outputText value="Bloco:" /><br /> <h:inputText
							class="TextBox" value="#{residenciaMBean.residenciaVO.bloco}" />
					</li>
					<li><h:outputText value="Ramal:" /><br /> <h:inputText
							class="TextBox" value="#{residenciaMBean.residenciaVO.ramal}" />
					</li>
					<li><h:outputText value="Prédio:" /><br /> <h:inputText
							class="TextBox" value="#{residenciaMBean.residenciaVO.predio}" />
					</li>
					<li><h:outputText value="Andar:" /><br /> <h:inputText
							class="TextBox" value="#{residenciaMBean.residenciaVO.andar}" />
					</li>
					<li><h:outputText value="Número:" /><br /> <h:inputText
							class="TextBox TextBox50"
							value="#{residenciaMBean.residenciaVO.numero}" /></li>
					<li><h:outputText value="Telefone:" /><br /> <p:inputMask
							styleClass="TextBox"
							value="#{residenciaMBean.residenciaVO.telefone}"
							mask="﻿﻿(99)-9999-9999" /></li>
				</ul>
				<h:commandButton value="Cadastrar" class="BotaoEnviar"
					action="#{residenciaMBean.salvar}" />
				<!-- 				<h:commandButton action="listagem_residencias" immediate="true" -->
				<!-- 					value="Cancelar" /> -->

			</div>
		</h:form>
	</ui:define>
</ui:composition>